<template>
  <section>
    <grid-view :cols="4">
      <section class="card-item">
        <img src="~assets/logo.svg" class="card-item-logo" />
        <div class="card-item-text">sc起始页</div>
      </section><section class="card-item">
        <img src="~assets/logo.svg" class="card-item-logo" />
        <div class="card-item-text">sc起始页</div>
      </section><section class="card-item">
        <img src="~assets/logo.svg" class="card-item-logo" />
        <div class="card-item-text">sc起始页</div>
      </section><section class="card-item">
        <img src="~assets/logo.svg" class="card-item-logo" />
        <div class="card-item-text">sc起始页</div>
      </section><section class="card-item">
        <img src="~assets/logo.svg" class="card-item-logo" />
        <div class="card-item-text">sc起始页</div>
      </section>
    </grid-view>
  </section>
</template>

<script>

import GridView from "@/components/common/gridview/GridView";
export default {
  name: "CardList",
  components: {GridView}
}
</script>

<style scoped>
.card-item{
  background-color: #fff;
  border-radius: 5px;
}
.card-item img{
  width: 100%;
}
</style>
